function drawCanvas(){
    var canvas = document.getElementById("Logo");

    var context = canvas.getContext("2d");

	var context2 = canvas.getContext("2d");

	var context3 = canvas.getContext("2d");

	var context4 = canvas.getContext("2d");

	var context5 = canvas.getContext("2d");

	var context6 = canvas.getContext("2d");

	var context7 = canvas.getContext("2d");

	var radius = 75;

    var counterClockwise = false;



	//9-12 Uhr

    context.beginPath();

    context.arc(100, 100, radius, 1.025 * Math.PI, 1.475 * Math.PI, counterClockwise);

    context.lineWidth = 15;

    // line color

    context.strokeStyle = "#4020e5";

    context.stroke();

	

	//12-3 Uhr

	context2.beginPath();

	context2.arc(100,100,radius, 1.525 * Math.PI, 1.975 * Math.PI, counterClockwise);

	context2.lineWidth = 15;

	

	context2.strokeStyle = "#e52420 ";

	context2.stroke();

	

	//3-6 Uhr

	context3.beginPath();

	context3.arc(100,100,radius, 0.025 * Math.PI, 0.475 * Math.PI, counterClockwise);

	context3.lineWidth = 15;

	

	context3.strokeStyle = "#ed7d2b";

	context3.stroke();

	

	//6-9 Uhr

	context4.beginPath();

	context4.arc(100,100,radius, 0.525 * Math.PI, 0.975 * Math.PI, counterClockwise);

	context4.lineWidth = 15;

			

	context4.strokeStyle = "#159c2f";

	context4.stroke();

	

	

	//Bueroklammer

	

	

	context5.beginPath();

	context5.arc(100,70, 20, 1 * Math.PI, 2* Math.PI, counterClockwise);

	context5.lineWidth = 7;

	

	context5.strokeStyle = "#444444";

	context5.stroke();

	

	context5.beginPath();

	context5.arc(98,70, 8, 1 * Math.PI, 2* Math.PI, counterClockwise);

	context5.lineWidth = 7;

	

	context5.strokeStyle = "#444444";

	context5.stroke();

	

	context5.beginPath();

	context5.arc(105,135, 15, 0 * Math.PI, 1* Math.PI, counterClockwise);

	context5.lineWidth = 7;

	

	context5.strokeStyle = "#444444";

	context5.stroke();

	

	//außen rechts

	context5.beginPath();

    context5.moveTo(120, 70);

    context5.lineTo(120, 135);

    context5.stroke();

	

	//innen links

	context5.beginPath();

    context5.moveTo(90, 70);

    context5.lineTo(90, 135);

    context5.stroke();

	

	//außen links

	context5.beginPath();

    context5.moveTo(106, 70);

    context5.lineTo(106, 120);

    context5.stroke();

	

	//innen rechts

	context5.beginPath();

    context5.moveTo(80, 70);

    context5.lineTo(80, 120);

    context5.stroke();

	

	context6.font = "60pt Arial";

	context6.strokeStyle = "#444444";

	context6.lineWidth = 3;

	context6.strokeText("X", 200, 125);

	

	context7.font = "60pt Arial";

	context7.fillStyle = "#444444";

	context7.fillText ("Cerpt", 250,125);


      var canvas = document.getElementById("newCollab");

      var context = canvas.getContext("2d");

		var context2 = canvas.getContext("2d");

		var context3 = canvas.getContext("2d");

		var context4 = canvas.getContext("2d");

		var context5 = canvas.getContext("2d");

		var context6 = canvas.getContext("2d");

		var radius = 15;

      var counterClockwise = false;

		var x = canvas.width / 2;

      var y = canvas.height / 2;

		

		//9-12 Uhr

      context.beginPath();

      context.arc(x, y, radius, 1.025 * Math.PI, 1.475 * Math.PI, counterClockwise);

      context.lineWidth = 2;

      // line color

      context.strokeStyle = "#4020e5";

      context.stroke();

		

		//12-3 Uhr

		context2.beginPath();

		context2.arc(x,y,radius, 1.525 * Math.PI, 1.975 * Math.PI, counterClockwise);

		context2.lineWidth = 2;

		

		context2.strokeStyle = "#e52420 ";

		context2.stroke();

		

		//3-6 Uhr

		context3.beginPath();

		context3.arc(x,y,radius, 0.025 * Math.PI, 0.475 * Math.PI, counterClockwise);

		context3.lineWidth = 2;

		

		context3.strokeStyle = "#ed7d2b";

		context3.stroke();

		

		//6-9 Uhr

		context4.beginPath();

		context4.arc(x,y,radius, 0.525 * Math.PI, 0.975 * Math.PI, counterClockwise);

		context4.lineWidth = 2;

				

		context4.strokeStyle = "#159c2f";

		context4.stroke();

		

		context5.beginPath();

		context5.moveTo(20,25);

		context5.lineTo(30,25);

		context5.strokeStyle = "#444444";

      context5.stroke();

		

		context6.beginPath();

		context6.moveTo(25,20);

		context6.lineTo(25,30);

		context6.strokeStyle = "#444444";

      context6.stroke();

		
	
};